html,
body {
  height: 100%;
  width: 100%;
}

.overall-mainframe {
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* background: yellow; */
}

.mainsection {
  height: calc(100% - 61px);
}

.left_frame {
  width: 15%;
  border-right: 1px solid #dee2e6;
  margin-right: 6px;
}

.main_frame {
  height: 100%;
  width: 85%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* a:hover { */
/*   background-color: #fabd2f; */
/* } */

/* file-server */
.filezone li:hover {
  background-color: #c6f3c8;
}

pre {
  /* font: 1.1em sans-serif; */
  font-size: 1.1em;
  /* font-family: serif; */
  /* font-family: "Times New Roman", Times, serif; */
  /* font-family: "Lucida Console", "Courier New", monospace; */
  /* font-family: monospace; */
  /* font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; */
  /* font-family: "Courier New", Courier, monospace; */
  font-family: "Source Sans Pro", Courier, monospace;
  /* font-family: "Source Sans Pro", "Arial", sans-serif; */
  /* margin-top: ; */
  /* margin-bottom: 20px; */
  line-height: 1.3;
}

thead input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}

input::placeholder {
  color: green;
  opacity: 0.4;
  font-size: 80%;
}

/* not active */
.nav-pills .nav-item .nav-link:not(.active) {
  background-color: #ffffff;
  color: gray;
  /* color: purple; */
}

/* active (faded) */
.nav-pills .nav-item .nav-link {
  /* background-color: #b0c4de; */
  background-color: #f0f0f0;
  color: #1e90ff;
  /* color: red; */
}

.swiper-slide img {
  /* width: 100%; */
  height: 200px;
}
